<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>双创平台</title>
 <link href="css/bootstrap.css" rel="stylesheet" />
 <link rel="stylesheet" type="text/css" href="fonts/iconfont.css">
</head>
<style type="text/css">
.navbar{border: none;background-color: #fff;}
	.nav > li > a{padding-right: 0}
  .nav_lt_font a{margin-top: 20px;padding-right: 0;font-size: 16px;}
  .nav_font li{text-align: center;}
  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{background: none;font-weight: bolder}
  .carousel_item img{height:325px;width: 100%}
  .carousel_item .carousel-caption {background-color:rgba(0,0,0,0.5);position:absolute;bottom:0;width:100%;left:0;padding: 10px;}
  #carousel-example-generic .carousel-indicators{position: absolute;right:-100px;left: auto;bottom: 0;}
  #myTabContent img{width: 100%;height: 100%;height: 180px;}
  #myTabContent .row{padding: 0 0 20px;position: relative;height: 200px;}
  #myTabContent .tab_list>h5{font-size: 22px;font-weight: bold;margin: 0;}
#myTabContent .tab_list>h5>a{color: #262626}
  #myTabContent .tab_list>p{font-size: 14px;color: #707070;padding: 10px 0;}
  #myTabContent .tab_list>div{position: absolute;bottom: 0;}
   #myTabContent .tab_list>div>span{font-size: 14px;color: #8e8e8e;}
   div.col-xs-7.tab_list{padding: 0;height: 100%;}
   #myTab{padding: 20px 0;border-bottom: 0;}
   #myTab a{font-size: 18px;color: #797979;font-weight: bold;padding: 10px 5px;}
   .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{border: 0;color: #3e474e;}
   .active_ball{display: inline-block;width: 5px;height: 5px;border-radius: 50%;background-color: #fff;vertical-align: middle;margin:0 6px ;}
   .nav-tabs> li.active .active_ball{background-color: black;}
   .new_list>dd{padding: 15px 0;border-bottom: 1px dashed #ddd;}
   .new_list>dt{padding: 20px;cursor: pointer;font-weight: normal;line-height:24px ;}
    .new_list>dt>section{font-size: 14px;color: #4b4b4b;}
    .new_list>dt>span{font-size: 14px;color: #878787;}
    .glyphicon-star:before{color:#6bc50d ;}
    .new_list_more{color: #cd141a;border-color:#cd141a ;margin: 0 auto;width: 80%;}
    footer.foot{background-color: #262626;padding: 40px 0px 0;}
    footer.foot li, footer.foot li>a{color: #6a6a6a;}
    footer.foot li.col-sm-2{border-right: 1px solid #6a6a6a;text-align: center;}      
    footer.foot li:hover,footer.foot li:hover a{color: #fff;text-decoration:none}
    
    .loginShow{width: 50px;height: 50px;border-radius: 50%;}
    .login_success{position: relative;}
    .list-group-item{background-color: #fff;z-index: 1000;}
    .login_success:hover .login_success_info{display: block;}
    .login_success_info{display: none;}
    @media only screen and (max-width:990px ) {
    	
    	#myTab a{font-size: 14px;}
    }
.foldedtog{transform: rotate(-90deg);margin-right: 5px;color: #cd141a;}
</style>
<body>
	
	<!--导航-->
<nav class="navbar navbar-default" >
  <div class="container" >
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
		<a class="navbar-brand" href="#">
			<img alt="Brand" src="img/logo.png" >
		</a>
    </div>

    <div class="collapse navbar-collapse " id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav nav_lt_font nav_login">
      <li class="active"><a href="index.html">首页 <span class="sr-only">(current)</span></a></li>
      <li><a href="html/cyzfw_index.html">创业者服务</a></li>
      <li><a href="html/touziren_index.html">投资者服务</a></li>
      <li><a href="javascript:void(0);" class="tutorService">导师服务</a></li>
      <li><a href="html/xqfb_index.html">技术需求者</a></li>
      <li><a href="html/yixingdasai.html">熠星大赛</a></li>
		  <li><a href="echarts/index.html">大数据服务</a></li>
      </ul>
      <ul class="nav navbar-nav navbar-right nav_font">
      <li>
		  <div class="form-group  has-feedback" style="margin-top: 20px">
			  <label class="control-label sr-only" for="inputSuccess5">Hidden label</label>
			  <input type="text" class="form-control" id="inputSuccess5" aria-describedby="inputSuccess5Status">
			  <span class="glyphicon glyphicon-search form-control-feedback" aria-hidden="true"></span>
			  <span id="inputSuccess5Status" class="sr-only">(success)</span>
		  </div>
	  </li>
      <li class="login_hide"><a href="html/denglu.html"><i class="iconfont icon-zhuce"></i><br>登陆</a></li>
      <li class="login_hide"><a href="html/zhuche.html"><i class="iconfont icon-denglu"></i><br>注册</a></li> 
      <li class="login_success"><a href="#"><img src="img/020.jpg" class="loginShow"/></a> 
      		<div class="list-group login_success_info" style="position: absolute;border-bottom: 0;width: 150px;left: -30px;" >
				  <a href="index.html" class="list-group-item tuichu">退出</a>
			</div>
      </li>
        
      </ul>
    </div>
    
    
 </div> 
</nav>

<div class="container">
	<!--轮播图-->
	<div id="carousel-example-generic" class="carousel slide " data-ride="carousel">
		<!-- Indicators -->
		<ol class="carousel-indicators">
			<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
			<li data-target="#carousel-example-generic" data-slide-to="1"></li>
			<li data-target="#carousel-example-generic" data-slide-to="2"></li>
		</ol>

		<!-- Wrapper for slides -->
		<div class="carousel-inner carousel_item" role="listbox">
			<div class="item active">
				<img src="img/banner_2.jpg" alt="" >
				<div class="carousel-caption ">
					智能时代来临 我们还安全吗?

				</div>
			</div>
			<div class="item">
				<img src="img/banner_1.jpg" alt="" >
				<div class="carousel-caption">
					优秀导师团队，为创业保驾护航
				</div>
			</div>
			<div class="item">
				<img src="img/banner_3.jpg" alt="" >
				<div class="carousel-caption">
					<p>优秀导师团队，为创业保驾护航</p>
				</div>
			</div>

		</div>
	</div>
  <div class="row">
  <div class="col-sm-8" style="">



	<!--新闻列表-->
	<ul id="myTab" class="nav nav-tabs">
		<li class="active"><a href="#home" data-toggle="tab"><i class="active_ball"></i>热门行业</a></li>
		<li><a href="#ios" data-toggle="tab"><i class="active_ball"></i>成功案例</a></li>
		<li><a href="#jmeter" data-toggle="tab"><i class="active_ball"></i>往期回顾</a></li>
		<li><a href="#ejb" data-toggle="tab"><i class="active_ball"></i>热门投资项目</a></li>
		<li><a href="#ios" data-toggle="tab"><i class="active_ball"></i>站内最新公告</a></li>
	</ul>
	<div id="myTabContent" class="tab-content">
		<div class="tab-pane fade in active" id="home">
			
				<div class="row">
					<div class="col-xs-5">
						<a href="html/newsDetails.html"><img src="img/20.jpg" alt="" /></a>
					</div>
					<div class="col-xs-7 tab_list">
						<h5> <a href="html/newsDetails.html">揭底新内容创业，短视频平台翘楚二更如何创造好内容</a></h5>
						<p>在当下内容爆发的时代，好内容才是留住用户的关键</p>
						<div><span>邦小二</span><span>三小时前   </span></div>
					</div>
				</div>
				
				<div class="row">
					<div class="col-xs-5">
						<a href="html/newsDetails.html"><img src="img/21.png" alt="" /></a>
					</div>
					<div class="col-xs-7 tab_list">
						<h5><a href="html/newsDetails.html">水木智娱完成Pre-A轮融资，这家做棋牌的公司到底哪里吸引人？</a> </h5>
						<p>另辟蹊径开创棋牌竞技新江湖</p>
						<div><span>徐筱玮</span><span>4小时前</span></div>
					</div>
				</div>
				<div class="row">
					<div class="col-xs-5">
						<a href="html/newsDetails.html"><img src="img/22.jpg" /></a>
					</div>
					<div class="col-xs-7 tab_list">
						<h5><a href="html/newsDetails.html">人称“清华虾哥”，他在2年间试吃上千斤虾，日均销售额30万元，今年准备开1000家门店</a> </h5>
						<p>好吃的人越堕落越放纵.</p>
						<div><span>Hepburn</span><span>6小时前</span></div>
					</div>
				</div>
				<div class="row">
					<div class="col-xs-5">
						<a href="html/newsDetails.html"><img src="img/23.jpg" /></a>
					</div>
					<div class="col-xs-7 tab_list">
						<h5><a href="html/newsDetails.html">iPhone 8真机谍照首曝光，或配3G内存；特斯拉卡车要来了！马斯克说今年9月亮相 | 早报</a></h5>
						<p>谍照显示，iPhone 8将配备极高的屏幕占比，将会取消Home按键设计</p>
						<div><span>浅夏</span><span>10小时前</span></div>
					</div>
				</div>
				<div class="row">
					<div class="col-xs-5">
						<a href="html/newsDetails.html"><img src="img/24.jpg" /></a>
					</div>
					<div class="col-xs-7 tab_list">
						<h5><a href="html/newsDetails.html">265美元的化妆刷5分钟卖光，美妆社区会不会成为垂直社区的“高潮”？</a></h5>
						<p>美妆社区该离钱多近？</p>
						<div><span>曾响铃</span><span>22小时前</span></div>
					</div>
				</div>
				<div class="row">
					<div class="col-xs-5">
						<a href="html/newsDetails.html"><img src="img/25.png" /></a>
					</div>
					<div class="col-xs-7 tab_list">
						<h5><a href="html/newsDetails.html">艾问杨浩涌：复盘赶集网与58血战中所犯的三大错误</a></h5>
						<p>一场战争最遗憾之处，莫过于本来能打胜仗，却败在准备不足</p>
						<div><span>艾诚</span><span>1天前</span></div>
					</div>
				</div>
		</div>
		<div class="tab-pane fade" id="ios">
				<div class="row">
					<div class="col-xs-5">
						<a href="html/newsDetails.html"><img src="img/26.jpg" alt="" /></a>
					</div>
					<div class="col-xs-7 tab_list">
						<h5><a href="html/newsDetails.html">马克思要将人脑与机器链接；超激进概念：摩天大楼要建在天上；腾讯投资特斯拉</a> </h5>
						<p>随后将帮助人类提高信息处理速度，避免机器智能全面超越</p>
						<div><span>黄瑶</span><span>20分钟前</span></div>
					</div>
				</div>
				<div class="row">
					<div class="col-xs-5">
						<a href="html/newsDetails.html"><img src="img/27.jpg" alt="" /></a>
					</div>
					<div class="col-xs-7 tab_list">
						<h5><a href="html/newsDetails.html">马克思要将人脑与机器链接；超激进概念：摩天大楼要建在天上；腾讯投资特斯拉</a> </h5>
						<p>随后将帮助人类提高信息处理速度，避免机器智能全面超越</p>
						<div><span>黄瑶</span><span>20分钟前</span></div>
					</div>
				</div>
				<div class="row">
					<div class="col-xs-5">
						<a href="html/newsDetails.html"><img src="img/28.jpg" alt="" /></a>
					</div>
					<div class="col-xs-7 tab_list">
						<h5><a href="html/newsDetails.html">马克思要将人脑与机器链接；超激进概念：摩天大楼要建在天上；腾讯投资特斯拉</a></h5>
						<p>随后将帮助人类提高信息处理速度，避免机器智能全面超越</p>
						<div><span>黄瑶</span><span>20分钟前</span></div>
					</div>
				</div>
		</div>
		
		
		<div class="tab-pane fade" id="jmeter">
				<div class="row">
					<div class="col-xs-5">
						<a href="html/newsDetails.html"><img src="img/29.png" alt="" /></a>
					</div>
					<div class="col-xs-7 tab_list">
						<h5><a href="html/newsDetails.html">马克思要将人脑与机器链接；超激进概念：摩天大楼要建在天上；腾讯投资特斯拉</a> </h5>
						<p>随后将帮助人类提高信息处理速度，避免机器智能全面超越</p>
						<div><span>黄瑶</span><span>20分钟前</span></div>
					</div>
				</div>
				<div class="row">
					<div class="col-xs-5">
						<a href="html/newsDetails.html"><img src="img/26.jpg" alt="" /></a>
					</div>
					<div class="col-xs-7 tab_list">
						<h5><a href="html/newsDetails.html"> 马克思要将人脑与机器链接；超激进概念：摩天大楼要建在天上；腾讯投资特斯拉</a></h5>
						<p>随后将帮助人类提高信息处理速度，避免机器智能全面超越</p>
						<div><span>黄瑶</span><span>20分钟前</span></div>
					</div>
				</div>
				<div class="row">
					<div class="col-xs-5">
						<a href="html/newsDetails.html"><img src="img/22.jpg" alt="" /></a>
					</div>
					<div class="col-xs-7 tab_list">
						<h5><a href="html/newsDetails.html">马克思要将人脑与机器链接；超激进概念：摩天大楼要建在天上；腾讯投资特斯拉</a> </h5>
						<p>随后将帮助人类提高信息处理速度，避免机器智能全面超越</p>
						<div><span>黄瑶</span><span>20分钟前</span></div>
					</div>
				</div>
		</div>
		<div class="tab-pane fade" id="ejb">
				<div class="row">
					<div class="col-xs-5">
						<a href="html/newsDetails.html"><img src="img/24.jpg" alt="" /></a>
					</div>
					<div class="col-xs-7 tab_list">
						<h5><a href="html/newsDetails.html">马克思要将人脑与机器链接；超激进概念：摩天大楼要建在天上；腾讯投资特斯拉</a> </h5>
						<p>随后将帮助人类提高信息处理速度，避免机器智能全面超越</p>
						<div><span>黄瑶</span><span>20分钟前</span></div>
					</div>
				</div>
				<div class="row">
					<div class="col-xs-5">
						<a href="html/newsDetails.html"><img src="img/22.jpg" alt="" /></a>
					</div>
					<div class="col-xs-7 tab_list">
						<h5><a href="html/newsDetails.html">马克思要将人脑与机器链接；超激进概念：摩天大楼要建在天上；腾讯投资特斯拉</a> </h5>
						<p>随后将帮助人类提高信息处理速度，避免机器智能全面超越</p>
						<div><span>黄瑶</span><span>20分钟前</span></div>
					</div>
				</div>
				<div class="row">
					<div class="col-xs-5">
						<a href="html/newsDetails.html"><img src="img/27.jpg" alt="" /></a>
					</div>
					<div class="col-xs-7 tab_list">
						<h5><a href="html/newsDetails.html">马克思要将人脑与机器链接；超激进概念：摩天大楼要建在天上；腾讯投资特斯拉</a> </h5>
						<p>随后将帮助人类提高信息处理速度，避免机器智能全面超越</p>
						<div><span>黄瑶</span><span>20分钟前</span></div>
					</div>
				</div>
		</div>
	</div>
	


  </div>
    
<!--右边列表-->
  <div class=' col-sm-4'>
  	<dl class="new_list">
  		<dd>
			<a href="html/newsDetails.html"><img src="img/Express.png"/></a>
  			<h4 style="display: inline-block;">实时政策</h4>
  		</dd>
  		<dt>
  			<section><span class="caret foldedtog"></span></span>帮助企业对接一线设计公司，“来设计”完成600万人民币天使轮融资</section>
  			<span>10分钟前</span>
  		</dt>
  		<dt>
  			<section><span class="caret foldedtog"></span></span>20万即可开店，单车配咖啡，风靡全球70国，后星巴克时代的装逼利器</section>
  			<span>18分钟前</span>
  		</dt>
  		<dt>
  			<section><span class="caret foldedtog"></span></span> 乐视高层再震荡！拟在美裁员1/3；AlphaGo 确认5月来华开战，柯洁：抱有必死信念 | 早报</section>
  			<span>33分钟前</span>
  		</dt>
  		<dt>
  			<section><span class="caret foldedtog"></span></span> 弹吉他撩妹过时了？麦爱文化让年轻人用电音泡妞，刚融了A轮数千万元</section>
  			<span>45分钟前</span>
  		</dt>
  		<dt>
  			<section><span class="caret foldedtog"></span></span>刘强东痛斥美联航：服务全球最烂！没有之一！网易云音乐获7.5亿元A轮融资 | 早报</section>
  			<span>52分钟前</span>
  		</dt>
  	</dl>
  	<button type="button" class="btn btn-default btn-block new_list_more" >查看更多</button>


  	<dl class="new_list" style="margin-top: 50px;">
  		<dd>
  			<img src="img/Express.png"/>
  			<h4 style="display: inline-block;">专栏</h4>
  		</dd>
  		<dt>
  			<section><span class="caret foldedtog"></span></span>东方循环：工业废弃物处置第三方交易服务平台</section>
  			<span>10分钟前</span>
  		</dt>
  		<dt>
  			<section><span class="caret foldedtog"></span></span>直营+合作，已布局20城150所高校，时间胶囊连接4方资源共建校园咖啡</section>
  			<span>18分钟前</span>
  		</dt>
  		<dt>
  			<section><span class="caret foldedtog"></span></span> 艾诚对话阎焱：从一年收入二毛七分钱到动辄出手几十亿，最后悔投的项目是雷士</section>
  			<span>36分钟前</span>
  		</dt>
  		<dt>
  			<section><span class="caret foldedtog"></span></span>曾3个月狂卖1亿元，单笔融资2.5亿元创行业记录，小熊尼奥让“智能教育应用+AR”落地</section>
  			<span>40分钟前</span>
  		</dt>
  		<dt>
  			<section><span class="caret foldedtog"></span></span>AH!TEE：服装再设计App</section>
  			<span>52分钟前</span>
  		</dt>
  	</dl>
  	<button type="button" class="btn btn-default btn-block new_list_more" style="">查看更多</button>
  </div>
  </div>
    </div>
  </div>
  
  <!--footer-->
  
  <footer class="foot">
  	<div class="container">
  		<dir class="row">
  			<div class="col-sm-8 col-sm-offset-2  col-xs-8 col-xs-offset-2">
  				<ul class="list-unstyled  row" >
  				<li class="col-sm-2 col-sm-offset-1 "><a href="#">关于我们</a></li>
  				<li class="col-sm-2  "> <a href="#">电子协议</a></li>
  				<li class="col-sm-2  "><a href="#">合作联系</a></li>
  				<li class="col-sm-2 "><a href="#">加入我们</a></li>
  				<li class="col-sm-2" style="border: none;"><a href="#">移动端</a></li>
  			</ul>
  			</div>
  			<div class="col-sm-8 col-sm-offset-2  col-xs-8 col-xs-offset-2">
  				<ul class="list-unstyled row" >
  				<li class="col-sm-10 col-sm-offset-1 "><div>Copyright &copy; 2000-2016 All Rights Reserved</div></li>
  				</ul>
  				</div>
  		</dir>
  		
  	</div>
  </footer>
  
  


 
	
</body>
<script src="js/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src='js/bootstrap.min.js'></script>
<script type="text/javascript"  src="js/index.js"></script>
</html>